<template>
  <div class="container">
    <div
      style="
        width: 100%;
        height: 5%;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 30px;
      "
    >
      <breadcrumb :naviItems.sync="naviItems"></breadcrumb>
    </div>
    <div style="margin-left: 20px">
      <el-input
        v-model="Sydw"
        class="form-input"
        style="width: 300px"
        disabled
      ></el-input>
      <el-input
        v-model="Equ"
        class="form-input"
        style="width: 250px"
        disabled
      ></el-input>
      <el-input
        v-model="yearValue"
        class="form-input"
        style="width: 150px"
        disabled
      ></el-input>
    </div>
    <div class="table">
      <el-table
        :data="tableData"
        style="
          width:100%
            height: 98%;
          "
        fit
        height="800"
      >
        <el-table-column prop="Id" label="序号" width="70"> </el-table-column>
        <el-table-column prop="t001" label="样品名称"> </el-table-column>
        <el-table-column prop="t002" label="报告日期"> </el-table-column>
        <el-table-column prop="t003" label="委托项目"> </el-table-column>
        <el-table-column prop="t004" label="仪器型号"> </el-table-column>
        <el-table-column prop="t005" label="灵敏度"> </el-table-column>
        <el-table-column prop="t006" label="检验结果"> </el-table-column>
        <el-table-column prop="t007" label="备注"> </el-table-column>
      </el-table>
      <el-pagination
        background
        current-page="1"
        :page-sizes="[15, 30, 50, 80]"
        page-size="15"
        layout="total, sizes, prev, pager, next, jumper"
        :total="2"
        style="margin-top: 20px"
      >
      </el-pagination>
    </div>
  </div>
</template>
<script>
import Breadcrumb from "../../../../components/QipingBreadCrumb/BreadCrumb.vue";
export default {
  components: { Breadcrumb },
  data() {
    return {
      naviItems: [
        { text: "起重机械" },
        { text: "数据引擎" },
        { text: "检测数据" },
      ],
      EquValue: "一钢轧 008",
      SydwValue: "马鞍山钢铁股份有限公司",
      yearValue: "       2019年度",
      tableData: [
        {
          Id: 1,
          t001: "主起升板钩横梁",
          t002: "2019-08-01",
          t003: "磁粉探伤",
          t004: "CJE-Ⅰ型磁探仪（105）",
          t005: "AI-30um/100um",
          t006: "经对主起升板钩横梁上、下翼板和腹板角焊缝、腹板、对接焊缝进行磁粉探伤，未发现表面缺陷磁痕显示。",
          t007: "经对主起升板钩横梁销轴超声波探伤检测符合 NB/T 47013.3-2015(Ⅱ)级验收要求。",
        },
        {
          Id: 2,
          t001: "主起升板钩横梁",
          t002: "2019-08-28",
          t003: "磁粉探伤",
          t004: "CJE-Ⅰ型磁探仪（105）",
          t005: "AI-30um/100um",
          t006: "经对主起升板钩横梁上、下翼板和腹板角焊缝、腹板、对接焊缝进行磁粉探伤，未发现表面缺陷磁痕显示。",
          t007: "经对主起升板钩横梁销轴超声波探伤检测符合 NB/T 47013.3-2015(Ⅱ)级验收要求。",
        },
      ],
    };
  },
  computed: {
    Equ() {
      return "设备编号：" + this.EquValue;
    },
    Sydw() {
      return "使用单位：" + this.SydwValue;
    },
  },
  created() {},

  methods: {},
};
</script>
<style lang="less" scoped>
div.container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-input /deep/ .el-input__inner {
  color: rgb(0, 0, 0) !important;
}
</style>
